﻿@charset "utf-8";

/* CSS Document */

* {
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
}

body,
input,
button,
textarea,
select,
option,
optgroup {
    font-family: "microsoft yahei", 宋体, Arail, verdana;
}

.clear:after,
.cfl:after,
.header_wrap:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

ul li {
    list-style-type: none;
}

.clear {
    clear: both;
}

img {
    vertical-align: middle;
}

* {
    margin: 0;
    padding: 0;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0
}

caption,
th {
    text-align: left
}

div {
    font-size: 12px;
    color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    color: #212121;
}

em {
    font-style: normal;
}


/*******首页*******/

#header .header-box .sidebar-a img {
    width: 136px;
    height: 43px;
    margin-top: 27px;
    margin-left: 83px;
}

#header .sidebar-b ul li {
    list-style: none;
    float: left;
    padding: 0px 15px;
    cursor: pointer;
    position: relative;
    height: 100%;
}

#header .sidebar-b ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 0;
    height: 100%;
    border-bottom: 2px solid #E25116;
    transition: 0.2s all linear;
    z-index: 2;
    margin-top: -2px;
}

#header .sidebar-b ul li:hover::before {
    width: 100%;
    left: 0;
}

#header .sidebar-b ul li:hover a {
    color: #E25116;
}

#header .sidebar-b ul li:hover~li::before {
    left: 0;
}

#header .sidebar-b ul li.active::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-bottom: 2px solid #E25116;
    transition: 0.2s all linear;
    z-index: 2;
    margin-top: -2px;
}

#header .sidebar-b ul li.active a {
    color: #E25116;
}

#header .sidebar-b ul li a {
    position: relative;
    z-index: 10;
}

.all_bannpic {
    padding-top: 100px;
}

#header .sidebar-b>div {
    line-height: 100px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #636363;
}


/*.headerlunbo img{width:1860px; height:auto; margin:auto;}*/

.headerlunbo {
    width: 100%;
    height: auto;
    margin: auto;
}

.firstmain {
    width: 100%;
    height: 2471px;
    background: url(../images/index_02.png) no-repeat;
    margin: auto;
    background-position: center;
}

.servicecont {
    width: 1000px;
    /* height:274px;*/
    height: 78px;
    margin: auto;
}

.service_title {
    width: 358px;
    height: 78px;
    margin: auto;
}

.service_continfo {
    width: 1000px;
    height: 155px;
    margin: auto;
    margin-top: 27px;
    position: relative;
}

.service_continfo li {
    float: left;
}

.myteamcont {
    width: 840px;
    height: 295px;
    left: 4%;
    margin: auto;
    margin-top: 242px;
    position: relative;
    overflow: hidden;
}

.myteamtitle {
    width: 252px;
    height: 58px;
    margin: auto;
    margin-bottom: 20px;
}

.myteam_member {
    height: 86px;
    margin: auto;
    position: absolute;
}

.myteam_member li {
    float: left;
    margin-right: 20px;
    cursor: pointer;
}

.myteam_lunbo {
    width: 10000px;
    height: 86px;
    float: left;
    position: relative;
}

.myteam_member_a {
    height: 86px;
    margin: auto;
    position: absolute;
    white-space: nowrap;
}

.myteam_member_a li {
    float: left;
    margin-right: 20px;
    cursor: pointer;
    position: relative !important;
    display: inline-block;
}

.hidden_ul {
    display: black;
}

.person_show {
    width: 210px;
    height: 130px;
    position: absolute;
    top: 86px;
    background: tan;
    left: -67px;
    display: none;
}

.about_design {
    width: 1000px;
    height: 412px;
    margin: auto;
}

.lf_designtitle {
    width: 530px;
    height: 200px;
}

.rt_designicon {
    width: 346px;
    height: 412px;
    margin-top: 12px;
}

.about_custom {
    /* width:710px;*/
    width: 1000px;
    height: 600px;
    margin: auto;
    position: relative;
}

.lf_customicon {
    width: 370px;
    height: 600px;
    margin-top: 43px;
}

.rt_customtitle {
    width: 316px;
    height: 340px;
    margin-top: 43px;
}

.solide_brandplan {
    width: 1000px;
    height: 519px;
    margin: auto;
}

.about_brandplan {
    width: 402px;
    height: 519px;
    margin: auto;
    margin-top: 100px;
}

.secondmain {
    width: 100%;
    height: 1022px;
    background: #343232 url(../images/index_016.png) no-repeat;
    margin: auto;
    background-position: center;
}

.case_title {
    width: 276px;
    height: 230px;
    margin: auto;
    padding-top: 50px;
}

.case_list {
    width: 1000px;
    /*height:394px;*/
    margin: auto;
    overflow: hidden;
}

.case_list li {
    float: left;
    width: 330px;
    height: 230px;
    margin: 0 4px 4px 0;
    position: relative;
    overflow: hidden;
}

.case_solide {
    width: 1000px;
    height: 175px;
    margin-top: 192px;
}

.case_solide li {
    margin-top: 30px;
}

.case_solideone {
    width: 1000px;
    height: 175px;
    margin-top: 192px;
}

.case_solideone li {
    margin-top: 192px;
}

.case_listback {
    width: 288px;
    height: 33px;
    padding: 16px 16px;
    background: #c71f26;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    position: absolute;
    bottom: -65px;
}

.case_listtitle {
    width: 288px;
    height: 33px;
    padding: 16px 16px;
    color: #fdf5f5;
    text-align: center;
    position: absolute;
    bottom: -65px;
}

.case_listtitle h3 {
    font-size: 14px;
    color: #fff;
}

.case_listtitle p {
    font-size: 12px;
    color: #ded7d7;
}

.blackback {
    width: 320px;
    height: 230px;
    background: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    /* display:none;*/
}

.add_more {
    width: 71px;
    height: 27px;
    margin: auto;
    margin-top: 56px;
}

.news_main {
    width: 1000px;
    height: auto;
    margin: auto;
    margin-top: 50px;
}

.newstitle {
    width: 472px;
    height: 130px;
    background: url(../images/index_news.png) no-repeat;
    margin: auto;
}

.consult_cont {
    width: 1000px;
    height: 340px;
    margin: auto;
    /* margin-top:28px;*/
    margin-top: 200px;
}

.consult_cont li {
    float: left;
    width: 305px;
    height: auto;
    text-align: center;
    margin-top: 200px;
}

.consult_cont li {
    margin-right: 42px;
}

.consult_cont li p {
    text-align: left;
}

.consult_cont li h3 {
    font-size: 18px;
    margin-bottom: 20px;
}

.consult_contpic {
    width: 273px;
    height: 104px;
    padding: 12px 15px;
    border: 1px solid #c4cbd3;
    background: #fff;
}

.consult_title {
    font-size: 14px;
    color: #656565;
    line-height: 32px;
}

.consult_info {
    font-size: 12px;
    color: #929292;
    line-height: 22px;
    height: 66px;
    overflow: hidden;
}

.add_moreicon {
    margin-top: 40px;
}

.third_main {
    width: 100%;
    height: 502px;
    border-top: 1px solid #cecfd3;
    background: url(../images/index_012.jpg) no-repeat;
    margin: auto;
    margin-top: 60px;
    background-position: center;
}

.contactus_title {
    width: 472px;
    height: 130px;
    margin: auto;
    padding-top: 20px;
    margin-bottom: 40px;
}

.contactmain {
    width: 1000px;
    height: 202px;
    margin: auto;
}

.contactus_cont {
    width: 258px;
    height: 202px;
}

.lf_contactcont {
    width: 210px;
    height: auto;
    margin-bottom: 58px;
}

.addressblock {
    width: 6px;
    height: 42px;
    float: left;
    background: #2b2e33;
    margin-right: 10px;
}

.address {
    float: left;
    width: 190px;
    height: auto;
}

.address p {
    font-size: 12px;
    color: #a9a9a9;
    line-height: 24px;
}

.address h3 {
    font-size: 14px;
    line-height: 24px;
}

.detailsform_cont {
    width: 690px;
    height: 202px;
}

.lf_detailsform input {
    width: 256px;
    height: 36px;
    line-height: 36px;
    background: #fff;
    border: 1px solid #e8e8e8;
    margin-bottom: 14px;
    text-indent: 12px;
    color: #6f6f6f;
}

.rt_detailsform textarea {
    width: 412px;
    height: 136px;
    background: #fff;
    border: 1px dashed #e8e8e8;
    margin-left: 9px;
    color: #6F6F6F;
    padding: 4px 4px;
}

.index_submsg input {
    width: 690px;
    height: 40px;
    line-height: 40px;
    background: url(../images/index_input.jpg) no-repeat;
    border: none;
    cursor: pointer;
    font-size: 16px;
    color: #212121;
}


/*****案例详情*****/

.casemain {
    width: auto;
    height: auto;
    padding-top: 50px;
    background: url(../images/case_back1.png) repeat;
    background-position: center;
    padding-bottom: 100px;
}

.flipbtn {
    width: 106px;
    height: 42px;
    margin: 30px 0 20px 0;
}

.pubbtn {
    width: 42px;
    height: 42px;
    cursor: pointer;
}

.pubbtn a {
    width: 42px;
    height: 42px;
    display: block;
}

.lf_flipbtn {
    background: url(../images/lfarrow.png) no-repeat;
}

.rt_flipbtn {
    background: url(../images/rtarrow_01.png) no-repeat;
}

.lf_flipbtnone {
    background: url(../images/lfarrow_01.png) no-repeat;
}

.rt_flipbtntwo {
    background: url(../images/rtarrow.png) no-repeat;
}

.case_topcont {
    width: 1000px;
    height: 422px;
}

.rt_topcont {
    width: 386px;
    height: auto;
}

.solidebtm {
    widows: 386px;
    height: auto;
    border-bottom: 1px solid #ddd;
    margin: 15px 0 25px 0;
}

.rt_topcont p {
    line-height: 28px;
    font-size: 14px;
    color: #212121;
}

.rt_topcont p em {
    font-size: 14px;
    color: #999;
}

.viewbtn {
    margin: 20px 0 44px 0;
}

.case_share span {
    line-height: 42px;
    color: #999;
    margin-right: 20px;
    float: left;
}

.case_share ul li {
    float: left;
    margin-right: 15px;
    cursor: pointer;
}

.case_share ul li a {
    width: 42px;
    height: 42px;
    display: block;
}

.sina a {
    width: 42px;
    height: 42px;
    background: url(../images/sina.png) no-repeat;
}

.weibo a {
    width: 42px;
    height: 42px;
    background: url(../images/weibo.png) no-repeat;
}

.space a {
    width: 42px;
    height: 42px;
    background: url(../images/space.png) no-repeat;
}

.weixin a {
    width: 42px;
    height: 42px;
    background: url(../images/weixin.png) no-repeat;
}

.qq a {
    width: 42px;
    height: 42px;
    background: url(../images/qq.png) no-repeat;
}

.sina a:hover {
    width: 42px;
    height: 42px;
    background: url(../images/currentsina.png) no-repeat;
    z-index: 1001;
}

.weibo a:hover {
    width: 42px;
    height: 42px;
    background: url(../images/currentweibo.png) no-repeat;
}

.space a:hover {
    width: 42px;
    height: 42px;
    background: url(../images/currentspace.png) no-repeat;
}

.weixin a:hover {
    width: 42px;
    height: 42px;
    background: url(../images/currentweixin.png) no-repeat;
}

.qq a:hover {
    width: 42px;
    height: 42px;
    background: url(../images/currentqq.png) no-repeat;
}

.case_bodycont {
    width: 1000px;
    height: auto;
    background: #fff;
    margin: 40px 0 50px 0;
    padding-bottom: 50px;
}

.firstbodycont {
    width: 930px;
    margin: auto;
    padding-top: 35px;
}

.firstbodycont img {
    max-width: 930px;
}

.case_bodycont ul li {
    margin-bottom: 35px;
}

.case_navtitle {
    width: 940px;
    height: 60px;
    line-height: 60px;
    background: #fff;
    padding: 0 30px;
}

.flipbtnone {
    margin: 9px 0;
}

.case_continfo {
    width: 1000px;
    height: 242px;
    margin-top: 30px;
    overflow: hidden;
}

.case_continfo ul li {
    float: left;
    margin-right: 11.5px;
    margin-left: 11.5px;
}

.themetitle {
    width: 310px;
    height: 42px;
    line-height: 42px;
    background: #fff;
    text-align: center;
    font-size: 14px;
    color: #212121;
}


/*****企业手机客户端*****/

.mobileapp_main {
    width: auto;
    height: auto;
    margin: auto;
}

.app_coreadvantage {
    width: auto;
    height: 3120px;
    background: url(../images/solution_back.jpg) repeat;
    padding-top: 50px;
    background-position: center;
}

.mainnav {
    width: 1000px;
    height: 87px;
    margin: auto;
    padding: 50px 0;
}

.mainnav a {
    width: 1000px;
    height: 87px;
    display: block;
}

.publicnav {
    width: 1000px;
    height: 87px;
    margin: auto;
    display: none;
}

#thisnav {
    display: block;
}

.marketplatform_nav {
    background: url(../images/app_connav.png) no-repeat;
}

.mobileapp_nav {
    background: url(../images/app_connav01.png) no-repeat;
}

.mallplatform_nav {
    background: url(../images/app_connav02.png) no-repeat;
}

.wxplatform_nav {
    background: url(../images/app_connav03.png) no-repeat;
}

.baseproduct_nav {
    background: url(../images/app_connav04.png) no-repeat;
}


/*****导航end*****/

.app_coretitle {
    width: 590px;
    height: 100px;
    margin: auto;
    margin-top: 50px;
}

.app_versions {
    margin-top: 35px;
}

.app_versions p {
    font-size: 16px;
    color: #666;
    line-height: 30px;
}

.app_numoneicon {
    width: 135px;
    height: 135px;
    background: url(../images/numoneicon.png) no-repeat;
    margin-top: 90px;
}

.app_numtwoicon {
    width: 135px;
    height: 135px;
    background: url(../images/numtwoicon.png) no-repeat;
    margin-top: 90px;
}

.whiteradio {
    width: 14px;
    height: 14px;
    background: url(../images/graycircle.png) no-repeat;
    float: left;
    margin: 8px 10px 0 0;
}

.lf_appversions {
    width: 424px;
    margin: 102px 0 0 18px;
}

.app_funfeature {
    width: auto;
    height: 780px;
    background: url(../images/solution_back.png) repeat;
    position: relative;
    background-position: center;
}

.app_featuretitle {
    width: 586px;
    height: 102px;
    padding-top: 50px;
    margin: auto;
}

.app_featurecont {
    width: 1000px;
    height: auto;
}

.contmanage {
    width: 276px;
    margin-left: 14px;
}

.contmanage p {
    line-height: 20px;
    color: #999;
    font-size: 12px;
    margin-top: 10px;
}

.contmanageicon {
    width: 80px;
    height: 80px;
    background: url(../images/solution__07.png) no-repeat;
}

.contmsgicon {
    width: 80px;
    height: 80px;
    background: url(../images/solution_09.png) no-repeat;
}

.contmapicon {
    width: 80px;
    height: 80px;
    background: url(../images/solution__13.png) no-repeat;
}

.contdialicon {
    width: 80px;
    height: 80px;
    background: url(../images/solution__14.png) no-repeat;
}

.app_centericon {
    width: 796px;
    height: 450px;
    background: url(../images/app_featureone.png) no-repeat;
    margin: auto;
}

.app_featureinfo {
    width: 372px;
    margin: 38px 256px 96px 0;
}

.app_featureinfoone {
    width: 372px;
    margin-top: 38px;
}

.app_btmfanc {
    width: 984px;
    height: 98px;
    background: url(../images/app_btmback.png) no-repeat;
    position: absolute;
    bottom: 0;
    left: 25%;
}


/*****全网营销云平台*****/

.marketplatform_main {
    width: auto;
    height: auto;
    margin: auto;
}

.market_topback {
    width: auto;
    height: 1328px;
    padding-top: 50px;
    background: url(../images/solution_back4.png) repeat;
    background-position: center;
}

.market_nav {
    width: 1000px;
    height: 88px;
    background: #2b2e33;
    border-radius: 10px;
    margin: auto;
    /*  margin:50px 0;*/
}

.market_nav li {
    width: 200px;
    height: 88px;
    float: left;
    text-align: center;
}

.market_nav li a {
    width: 200px;
    height: 40px;
    display: block;
    color: #70757e;
    font-size: 18px;
    text-align: center;
    padding: 24px 0;
}

.market_nav li a em {
    font-size: 14px;
}

.thismarket_nav {
    background: #f63335;
    border-radius: 10px;
}

#thismarket_nav a {
    color: #fff;
}


/*

.more {

float:left;

display: inline-block;

border-color: transparent transparent transparent red;

border-style: dashed dashed  dashed solid;

border-width:20px 0 20px 20px;

width:0px;

height:0px;

}

*/

.market_secondcolumn {
    width: auto;
    height: 1060px;
    background: #ec7070;
    position: relative;
    background-position: center;
}

.market_circleicon {
    width: auto;
    height: 21px;
    background: url(../images/platform_08.jpg) repeat-x;
    background-position: center;
}

.market_title {
    width: 646px;
    margin: auto;
    margin-top: 60px;
}

.lf_market_cont {
    width: 594px;
    height: auto;
}

.lf_market_cont li {
    width: 594px;
    float: left;
    margin-bottom: 70px;
}

.rt_market_cont {
    width: 340px;
    height: auto;
}

.rt_market_cont li {
    width: 340px;
    float: left;
    margin-bottom: 70px;
}

.market_continfo {
    width: 468px;
    height: 110px;
    margin: 20px 0 0 16px;
}

.market_continfoone {
    width: 208px;
    height: 110px;
    margin: 20px 0 0 16px;
}

.market_continfo p {
    font-size: 14px;
    line-height: 24px;
    color: #663731;
}

.market_continfo h2 {
    color: #600;
}

.market_iconone {
    width: 110px;
    height: 110px;
    background: url(../images/solution__03.png) no-repeat;
}

.market_icontwo {
    width: 110px;
    height: 110px;
    background: url(../images/solution__05.png) no-repeat;
}

.market_iconthree {
    width: 110px;
    height: 110px;
    background: url(../images/solution__04.png) no-repeat;
}

.market_iconfour {
    width: 110px;
    height: 110px;
    background: url(../images/solution__10.png) no-repeat;
}

.market_iconfive {
    width: 110px;
    height: 110px;
    background: url(../images/solution__19.png) no-repeat;
}

.market_iconsix {
    width: 110px;
    height: 110px;
    background: url(../images/solution__18.png) no-repeat;
}

.market_btmback {
    width: 1860px;
    height: 260px;
    background: url(../images/platform_13.png) repeat-x;
    position: absolute;
    bottom: 0;
}


/*****全网营销云平台*****/

.mall_back {
    width: auto;
    height: auto;
    padding-top: 50px;
    background: #f1f1f1;
    background-position: center;
    margin-bottom: 100px;
}

.mall_main {
    width: 1000px;
    height: auto;
    margin-top: 50px;
    margin-bottom: 100px;
}

.mall_main ul li {
    width: 315px;
    height: 270px;
    margin-bottom: 20px;
    float: left;
    margin-left: 8px;
    margin-right: 8px;
}

.mall_cont {
    width: 1000px;
    height: 270px;
}

.mall_cont li {
    width: 315px;
    height: 270px;
    background: #fff;
    border-radius: 10px;
    float: left;
    margin-right: 27px;
}

.mall_continfo {
    width: 291px;
    height: auto;
    text-align: left;
    padding: 0 12px;
}

.mall_continfo p {
    color: #8d8d8d;
    line-height: 22px;
}

.mall_continfo h3 {
    color: #212121;
    margin: 12px 0 6px 0;
}

.lf_mallback {
    width: 330px;
    background: url(../images/mallfloor__02.png) repeat-y;
    margin-top: 90px;
    position: absolute;
    left: 0px;
}

.rt_mallback {
    width: 330px;
    background: url(../images/mallfloor__18.png) repeat-y;
    margin-top: 448px;
    position: absolute;
    right: 0px;
}


/*****微信公众号平台*****/

.wx_back {
    widt: atuo;
    height: 3650px;
    padding-top: 50px;
    background: url(../images/weixin_back.png) repeat;
    background-position: center;
}

.wx_basemodule {
    width: 592px;
    height: 102px;
    margin: auto;
    margin-top: 50px;
}

.wx_basemodulecont ul li {
    margin-bottom: 20px;
    margin-left: 42px;
    margin-right: 42px;
}

.wx_basecont li {
    width: 218px;
    height: 258px;
    border: 1px solid #e6e6e6;
    background: #fff;
    float: left;
    margin-right: 15px;
    text-align: center;
    margin-left: 15px;
}

.wx_basemoduleimg {
    margin: 25px 0 16px 0;
}

.wx_basemoduleinfo p {
    padding: 0 16px;
    line-height: 22px;
    margin-top: 6px;
}

.wx_basemoduleinfo h3 {
    font-size: 16px;
    color: #212121
}

.wx_secondcont {
    margin-top: 50px;
}


/*****信息化基础产品 邮箱*****/

.email_back {
    width: auto;
    height: auto;
    background: #fff;
    padding-top: 50px;
    background-position: center;
}

.email_nav {
    width: 610px;
    height: 50px;
    margin: auto;
    margin-bottom: 40px;
    margin-top: 50px;
}

.email_nav li {
    float: left;
    margin-right: 5px;
}

.email_nav li a {
    width: 196px;
    height: 50px;
    display: block;
}

.pubpart {
    width: 194px;
    height: 48px;
    line-height: 48px;
    background: #fff;
    border: 1px solid #e6e6e6;
    text-align: right;
    font-size: 18px;
    color: #212121;
    position: relative;
    float: left;
    margin-right: 5px;
}

.pubpart a {
    width: 194px;
    height: 48px;
    line-height: 48px;
    display: block;
}

.pubpart em {
    font-size: 18px;
    margin-right: 40px;
}

.currentnav {
    background: #e33f4a;
    border: 1px solid #d4212d;
}

.currentnav em {
    color: #fff;
}

.domainicon {
    width: 32px;
    height: 32px;
    background: url(../images/productemail_6.png) no-repeat;
    position: absolute;
    left: 36px;
    top: 9px;
}

.emailicon {
    width: 33px;
    height: 27px;
    background: url(../images/domainname_6.png) no-repeat;
    position: absolute;
    left: 36px;
    top: 12px;
}

.fancsyy {
    width: 38px;
    height: 27px;
    background: url(../images/syy1.png) no-repeat;
    position: absolute;
    left: 36px;
    top: 12px;
}

.currentnav .fancsyy {
    width: 38px;
    height: 32px;
    background: url(../images/syy.png) no-repeat;
    position: absolute;
    left: 36px;
    top: 9px;
}

.currentnav .domainicon {
    width: 32px;
    height: 32px;
    background: url(../images/domainname_8.png) no-repeat;
    position: absolute;
    left: 36px;
    top: 9px;
}

.currentnav .emailicon {
    width: 33px;
    height: 27px;
    background: url(../images/productemail_5.png) no-repeat;
    position: absolute;
    left: 36px;
    top: 12px;
}

.email_firstcont {
    width: 1000px;
    height: 560px;
    margin-top: 30px;
    border-bottom: 1px solid #ddd;
}

.lf_email_firsticon {
    width: 45px;
    height: 45px;
    background: url(../images/productemail_2.png) no-repeat;
    margin-top: 2px;
}

.rt_email_firstcont {
    width: 938px;
    height: 549px;
}

.rt_email_firstcont h1 {
    font-size: 36px;
    color: #212121;
}

.email_infocont {
    width: 942px;
    margin-top: 16px;
}

.email_infocont li {
    margin-bottom: 16px;
}

.email_radio {
    width: 14px;
    height: 14px;
    background: url(../images/graycircle.png) no-repeat;
    margin-right: 10px;
    margin-top: 5px;
}

.titlecolor {
    color: #333;
    font-size: 16px;
    margin-bottom: 5px;
}

.infocolor {
    color: #666;
    font-size: 16px;
    line-height: 26px;
    margin-left: 25px;
}

.lf_email_secondicon {
    width: 45px;
    height: 45px;
    background: url(../images/product_4.png) no-repeat;
    margin-top: 2px;
}

.lf_email_thirdicon {
    width: 45px;
    height: 45px;
    background: url(../images/productemail_3.png) no-repeat;
    margin-top: 2px;
}

.lf_email_fourthicon {
    width: 45px;
    height: 45px;
    background: url(../images/productemail__1.png) no-repeat;
    margin-top: 2px;
}

.email_secondcont {
    width: 1000px;
    height: 742px;
    border-bottom: 1px solid #ddd;
    margin-top: 30px;
}

.email_thirdcont {
    width: 1000px;
    height: 723px;
    border-bottom: 1px solid #ddd;
    margin-top: 30px
}

.email_fourthcont {
    width: 1000px;
    height: 750px;
    margin-top: 42px;
}

.sendmsgiconone {
    width: 675px;
    height: 510px;
    margin: auto;
    margin-top: 30px;
}

.sendmsgicon {
    width: 650px;
    height: 460px;
    margin: auto;
    margin-top: 30px;
}


/*****信息化基础产品 域名*****/

.domain_back {
    width: auto;
    height: 2536px;
    padding-top: 50px;
    background: url(../images/productemail_back_03.png) repeat;
    background-position: center;
}

.domain_cont {
    width: 972px;
    height: 260px;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 50px;
}

.domain_cont li {
    width: 238px;
    height: 260px;
    background: #fff;
    border: 1px solid #e6e6e6;
    float: left;
    text-align: center;
}

.domianname_info p {
    padding: 0 30px;
    font-size: 12px;
    line-height: 22px;
    margin-top: 6px;
    color: #777;
}

.domianname_info h3 {
    font-size: 16px;
    color: #212121
}

.domain_contone {
    margin-top: 30px;
    margin-bottom: 30px;
}

.domain_contone li {
    width: 1000px;
    height: 316px;
    margin: auto;
    margin-left: 0px;
    margin-right: 0px;
}

.domain_backone {
    width: 890px;
    height: 158px;
    background: url(../images/domainname_1.png) no-repeat;
    padding: 0 44px;
}

.domain_backtwo {
    width: 938px;
    height: 158px;
    background: url(../images/productemail_4.png) no-repeat;
    padding: 0 20px;
}

.domain_backone h2 {
    line-height: 22px;
}

.domain_backtwo h2 {
    line-height: 22px;
}

.domain_backone p {
    width: 850px;
    float: left;
    line-height: 22px;
}

.domain_backtwo p {
    width: 850px;
    float: left;
    line-height: 22px;
}

.domain_problem {
    padding: 15px 0;
}

.problemicon {
    width: 22px;
    height: 22px;
    background: url(../images/domainname_17.png) no-repeat;
    margin-right: 12px;
}

.answericon {
    width: 22px;
    height: 22px;
    background: url(../images/domainname_24.png) no-repeat;
    margin-right: 12px;
}


/*****关于我们*****/

.about_companystage {
    width: 1000px;
    height: 102px;
    margin: auto;
}

.about_companystage li {
    float: left;
}

.about_dtouchback {
    width: auto;
    height: 593px;
    background: url(../images/about_back1.png) no-repeat;
    margin: auto;
    background-position: center;
}

.dtouchouter {
    width: 1000px;
    height: 553px;
    margin: auto;
    padding-top: 40px;
}

.lf_dtouchinfo {
    width: 336px;
    height: 286px;
    background: url(../images/about_05.png) no-repeat;
    margin-right: 36px;
}

.rt_dtouchinfo {
    width: 627px;
    height: auto;
}

.top_dtouchimg {
    width: 627px;
    height: 36px;
    background: url(../images/about_06.png) no-repeat;
}

.dtouchinfocont {
    width: 618px;
    height: 420px;
    margin-top: 25px;
    overflow-y: scroll;
    padding-right: 10px;
}

.dtouchinfocont p {
    color: #626262;
    line-height: 26px;
}

.about_cultureback {
    width: auto;
    height: 791px;
    background: url(../images/about_back2.png) repeat-x;
    position: relative;
    background-position: center;
}

.centerbackicon {
    width: 352px;
    height: 350px;
    background: url(../images/about_09.png) no-repeat;
    margin: auto;
}

.about_culturecont h3 {
    font-size: 16px;
    color: #fff;
    margin: 10px 0;
}

.about_culturecont p {
    width: 324px;
    font-size: 14px;
    color: #c2c2c2;
    line-height: 20px;
    text-align: left;
}

.comcultureinfo {
    width: 300px;
    height: auto;
    margin: auto;
    text-align: center;
}

.comcultureinfo p {
    width: 340px;
    text-align: center;
}

.lf_culturecont p {
    text-align: right;
}

.lf_culturecont h3 {
    text-align: right;
}

.second_lf_culturecont {
    margin-top: 134px;
}

.second_rt_culturecont {
    margin-top: 114px;
}


/********向下按钮*****/

.whitedownicon {
    width: 70px;
    height: 31px;
    background: url(../images/about_07.png) no-repeat;
    position: absolute;
    left: 48%;
}

.graydownicon {
    width: 70px;
    height: 31px;
    background: url(../images/about_10.png) no-repeat;
    position: absolute;
    left: 48%;
    bottom: -30px;
}


/********向下按钮end*****/

.honor_contback {
    width: auto;
    height: 792px;
    background: url(../images/about_back3.png) repeat-x;
    background-position: center;
}

.honor_title {
    width: 475px;
    height: 132px;
    margin: auto;
    padding-top: 70px;
    /*margin-bottom:32px;*/
}

.honor_medal {
    width: 936px;
    height: 272px;
    margin: auto;
    margin-bottom: 30px;
}

.abouttime {
    float: left;
    width: 48px;
    margin-top: 8px;
    text-align: center;
}

.abouttime p {
    width: 32px;
    height: 136px;
    text-align: left;
    margin: auto;
}

.abouttime h3 {
    font-size: 16px;
}

.process {
    width: 32px;
    height: 144px;
    margin: auto;
}

.process span {
    width: 16px;
}

.process em {
    width: 12px;
    height: 33px;
}

.develop_contback {
    width: auto;
    height: 988px;
    background: url(../images/about_back4.png) repeat-x;
    background-position: center;
}

.develop_cont {
    width: 1246px;
    height: 600px;
    margin: auto;
    position: relative;
    overflow: hidden;
}

.lf_develop_cont li {
    width: 600px;
    height: auto;
}

.rt_develop_cont {
    margin-top: 2px;
}

.rt_develop_cont li {
    width: 600px;
    height: auto;
    margin-top: 46px;
}

.firsthistory {
    width: 555px;
    height: 157px;
    background: url(../images/about_17.png) no-repeat;
}

.secondhistory {
    width: 555px;
    height: 157px;
    background: url(../images/about_011.png) no-repeat;
}

.firsthistoryone {
    width: 555px;
    height: 157px;
    background: url(../images/about_18.png) no-repeat;
}

.secondhistoryone {
    width: 555px;
    height: 157px;
    background: url(../images/about_19.png) no-repeat;
}

.firsthistoryone h3 {
    color: #fff;
}

.firsthistoryone p {
    color: #c2c2c2;
}

.lf_historyimg {
    width: 170px;
    height: 108px;
    margin: 6px 10px 6px 6px;
}

.lf_historyimgone {
    width: 170px;
    height: 108px;
    margin: 6px 10px;
}

.rt_historyinfo {
    width: 300px;
    height: auto;
    margin-top: 16px;
}

.rt_historyinfo p {
    color: #888;
    line-height: 20px;
}

.braceicon {
    width: 18px;
    height: 81px;
    background: url(../images/bottombrace01.png) no-repeat;
    margin: auto;
    /* position:absolute; top:0; left:0;*/
}

.braceiconone {
    width: 18px;
    height: 81px;
    background: url(../images/bottombrace02.png) no-repeat;
    margin: auto;
    /* position:absolute; bottom:0; left:0;*/
}


/*****经典案例*****/

.classic_back {
    width: auto;
    height: auto;
    background: url(../images/case_back.png) repeat-y;
    margin: auto;
    background-position: center;
    padding-bottom: 100px;
}

.classic_cont {
    padding-top: 50px;
}

.classic_continfo {
    width: 1000px;
    height: 242px;
    margin: auto;
    margin-bottom: 35px;
}

.firstclassic_case {
    width: 310px;
    height: 242px;
    float: left;
    background: #fff;
    text-align: center;
    position: relative;
}

.firstclassic_case p {
    font-size: 14px;
    line-height: 38px;
    text-align: left;
    margin-left: 20px;
}

.case_info {
    width: 270px;
    height: 22px;
    margin: 0 20px;
}

.case_info em {
    color: #999;
}

.redback {
    width: 70px;
    height: 22px;
    line-height: 22px;
    background: #f63335;
    color: #fff;
}

.case_blackback {
    width: 310px;
    height: 162px;
    background: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
}


/*翻页样式*/

.classic_page {
    width: 700px;
    height: 35px;
    margin: auto;
    margin-top: 30px;
}

.lf_uppagebtn {
    width: 110px;
    height: 35px;
    background: url(../images/case_fanye1.png) no-repeat;
    margin-right: 20px;
    cursor: pointer;
}

.rt_downpagebtn {
    width: 110px;
    height: 35px;
    background: url(../images/case_fanye7.png) no-repeat;
    cursor: pointer;
}

.classic_pagenum li {
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: url(../images/case_fanye3.png) no-repeat;
    text-align: center;
    color: #fff;
    float: left;
    margin-right: 10px;
}

.classic_pagenum li a {
    width: 35px;
    height: 35px;
    display: block;
    color: #fff;
}

.classic_pagenum li:hover {
    background: url(../images/case_fanye4.png) no-repeat;
    text-align: center;
    color: #fff;
}

#currentpage {
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: url(../images/case_fanye2.png) no-repeat;
    text-align: center;
    color: #fff;
}


/*****客户见证*****/

.witness_back {
    width: auto;
    height: 1725px;
    border-top: 1px solid #eaeaea;
    background: #f1f1f1;
    background-position: center;
}

.witness_main {
    width: 1000px;
    height: auto;
    margin: auto;
    margin-top: 50px;
}

.witness_main li {
    width: 998px;
    height: 128px;
    background: #fff;
    border: 1px solid #e6e6e6;
    margin-bottom: 20px;
}

.witness_img {
    float: left;
    margin: 10px 10px;
    height: 110px;
    overflow: hidden;
}

.witness_cont {
    width: 706px;
    height: auto;
    float: left;
    margin-top: 20px;
}

.witness_cont h3 {
    font-size: 17px;
    color: #212121;
    margin-bottom: 4px;
}

.witness_cont h3 a {
    text-decoration: none;
}

.witness_cont p {
    font-size: 12px;
    color: #888;
    line-height: 20px;
}

.rt_dateicon {
    float: right;
    width: 50px;
    height: 43px;
    line-height: 30px;
    background: url(../images/witness_1.png) no-repeat;
    margin-right: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}


/*****联系我们*****/

.resource_back {
    width: auto;
    height: 650px;
    padding-top: 76px;
    background: url(../images/contact_back1.png) no-repeat;
    margin: auto;
    background-position: center;
}

.resource_outer {
    width: 1000px;
    height: 650px;
    margin: auto;
    position: relative;
}

.lf_resourceimg a {
    width: 536px;
    height: 581px;
    display: block;
}

.rt_resourcecont {
    width: 430px;
    height: 576px;
}

.postlisthide .currentback {
    width: 385px;
    height: 45px;
    line-height: 46px;
    padding-left: 44px;
    background: url(../images/contact_1_03.png) no-repeat;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

.postlistshow .currentback {
    width: 385px;
    height: 56px;
    line-height: 46px;
    padding-left: 44px;
    background: url(../images/contact_1_02.png) no-repeat;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

.postlisthide .firstjob {
    display: none;
}

.postlistshow .firstjob {
    display: block;
}

.firstjob {
    width: 400px;
    height: 378px;
    padding: 0 15px;
    display: none;
}

.firstjob h3 {
    font-size: 14px;
    color: #000;
    line-height: 24px;
}

.firstjob p {
    width: 400px;
    padding: 0 15px;
    font-size: 12px;
    color: #383838;
    line-height: 22px;
}

.leaveword_back {
    width: auto;
    height: 810px;
    background: url(../images/contact_back2.png) no-repeat;
    margin: auto;
    background-position: center;
}

.leaveword_title {
    width: 504px;
    height: 130px;
    margin: auto;
    margin-bottom: 44px;
    padding-top: 76px;
}

.leaveword_contback {
    width: 1134px;
    height: 560px;
    background: url(../images/contact_1_06.png) no-repeat;
}

.leaveword_cont {
    width: 830px;
    height: 358px;
    margin: auto;
    padding-top: 58px;
}

.lf_leaveword_cont {
    width: 496px;
    height: auto;
}

.firstform {
    margin-top: 22px;
}

.firstform em {
    width: 5px;
    height: 5px;
    color: #ff2626;
}

.firstform span {
    font-size: 12px;
    color: #6f6f6f;
}

.firstform input {
    width: 240px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #e8e8e8;
    margin-top: 6px;
    text-indent: 3px;
}

.firstform textarea {
    width: 490px;
    height: 90px;
    border: 1px dashed #d4d4d4;
    padding: 2px 2px;
    margin-top: 7px;
}

.submsg input {
    width: 104px;
    height: 36px;
    line-height: 36px;
    background: #212121;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin-top: 15px;
    float: right;
    border: 0;
    cursor: pointer;
}

.dtouch_logo {
    margin-bottom: 50px;
}

.rt_leaveword_cont {
    margin-top: 26px;
}

.rt_leaveword_cont p {
    font-size: 14px;
    color: #212121;
    line-height: 30px;
}

.mapicon {
    width: 17px;
    height: 20px;
    background: url(../images/contact_ico2.png) no-repeat;
    margin: 5px 13px 0 0;
}

.phoneicon {
    width: 17px;
    height: 18px;
    background: url(../images/contact_ico3.png) no-repeat;
    margin: 6px 13px 0 0;
}

.faxicon {
    width: 19px;
    height: 17px;
    background: url(../images/contact_ico4.png) no-repeat;
    margin: 7px 11px 0 0;
}

.aboutemailicon {
    width: 20px;
    height: 16px;
    background: url(../images/contact_ico5.png) no-repeat;
    margin: 8px 10px 0 0;
}

.contact_mapback {
    width: auto;
    height: 600px;
    margin: auto;
    background-position: center;
}


/*****咨询中心*****/

.refer_back {
    width: auto;
    height: 1848px;
    background: url(../images/news_back.png) no-repeat;
    margin: auto;
    background-position: center;
}

.refer_cont {
    padding-top: 50px;
}

.refermargin {
    margin: 0 50px;
}

.refer_continfo {
    width: 1000px;
    height: 360px;
    margin: auto;
    margin-bottom: 50px;
}

.firstrefercont {
    width: 276px;
    height: 338px;
    padding: 11px 11px;
    background: #fff;
    border: 1px solid #ebebeb;
    float: left;
}

.refercenter_info {
    width: 276px;
    height: 196px;
    position: relative;
}

.refercenter_info p {
    font-size: 12px;
    color: #acacac;
    line-height: 22px;
    height: 88px;
    overflow: hidden;
}

.refercenter_info a {
    width: 103px;
    height: 35px;
    display: block;
    background: url(../images/news_ico1.png) no-repeat;
    position: absolute;
    bottom: 18px;
}

.refer_title {
    width: 276px;
    height: 42px;
    line-height: 42px;
}

.refer_title h3 {
    float: left;
    font-size: 16px;
    color: #212121
}

.refer_title em {
    float: right;
    font-size: 10px;
    color: #999;
    line-height: 44px;
}


/****

.refer_clickbtn{width:103px; height:35px; background:url(../images/news_ico1.png) no-repeat; position:absolute; bottom:18px;}****/

.refer_page {
    width: 80px;
    height: 40px;
    margin: auto;
}

.thisrefer {
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.lf_referpage {
    background: url(../images/news_ico3.png) no-repeat;
    float: left;
}

.lf_referpageone {
    background: url(../images/news_ico5.png) no-repeat;
    float: left;
}

.rt_referpageone {
    background: url(../images/news_ico6.png) no-repeat;
    float: right;
}

.rt_referpage {
    background: url(../images/news_ico4.png) no-repeat;
    float: right;
}


/*****咨询中心 详情*****/

.details_main {
    width: 1000px;
    height: auto;
    margin: auto;
}

.lf_referdetails {
    width: 720px;
    height: auto;
    margin: auto;
    margin-bottom: 105px;
}

.lf_referdetails p {
    font-size: 14px;
    color: #888;
    line-height: 24px;
    margin-top: 20px;
}

.lf_referdetails h2 {
    color: #333;
    margin: 30px 0;
    font-weight: bold;
}

.rt_referdetails {
    width: 250px;
    height: auto;
    margin: auto;
}

.referpicture {
    margin: 50px 0 40px 0;
}

.referintronav {
    width: 720px;
    height: 24px;
    line-height: 24px;
    margin: 28px 0 20px 0;
}

.referintronav em {
    color: #999;
}

.consultitle span {
    font-size: 12px;
    color: #2186d3;
}

.consultitle em {
    font-size: 12px;
    color: #999;
}

.refer_nums {
    margin: 0 24px 0 20px;
}

.timeicon {
    width: 14px;
    height: 13px;
    background: url(../images/details_ico1.png) no-repeat;
    margin-right: 10px;
    margin-top: 6px;
}

.addnumicon {
    width: 17px;
    height: 13px;
    background: url(../images/details_ico2.png) no-repeat;
    margin-right: 10px;
    margin-top: 6px;
}

.thankswords {
    width: 720px;
    height: 112px;
    border-bottom: 1px solid #eaeaea;
}

.refer_share {
    width: 198px;
    height: 24px;
}

.refer_shareone {
    width: 720px;
    height: 24px;
    margin: 50px 0 13px 0;
}

.refer_share em {
    float: left;
    color: #555;
    line-height: 24px;
}

.refer_share span {
    font-size: 14px;
    color: #d3d3d3;
}

.refer_share li {
    float: left;
    margin-left: 8px;
}

.refer_share li a {
    width: 24px;
    height: 24px;
    display: block;
}

.share_add {
    width: 16px;
    height: 16px;
    background: url(../images/details_05.jpg) no-repeat;
    margin: 4px 6px 4px 0;
    cursor: pointer;
}

.referweibo {
    width: 24px;
    height: 24px;
    background: url(../images/details_06.jpg) no-repeat;
}

.referspace {
    width: 24px;
    height: 24px;
    background: url(../images/details_07.jpg) no-repeat;
}

.referqq {
    width: 24px;
    height: 24px;
    background: url(../images/details_08.jpg) no-repeat;
}

.refersina {
    width: 24px;
    height: 24px;
    background: url(../images/details_09.jpg) no-repeat;
}

.refermore {
    width: 24px;
    height: 24px;
    background: url(../images/details_10.jpg) no-repeat;
}

.first_detailcont {
    width: 720px;
    height: auto;
}

.first_detailspic {
    width: 660px;
    height: 568px;
    margin: auto;
    margin-top: 30px;
}

.details_article {
    width: 720px;
    height: 222px;
    border-bottom: 1px solid #eaeaea;
}

.details_page {
    width: 720px;
    height: 16px;
    margin: 18px 0 50px 0;
}

.details_page a {
    font-size: 12px;
    color: #666;
}

.details_page em {
    font-size: 12px;
    color: #999;
}

.lf_arrow {
    width: 16px;
    height: 20px;
    background: url(../images/details_ico3.png) no-repeat 0px 2px;
    margin-right: 12px;
    cursor: pointer;
}

.lf_arrowone {
    width: 16px;
    height: 20px;
    background: url(../images/details_ico5.png) no-repeat 0px 2px;
    margin-right: 12px;
    cursor: pointer;
}

.rt_arrow {
    width: 16px;
    height: 20px;
    background: url(../images/details_ico4.png) no-repeat 0px 2px;
    margin-right: 12px;
    cursor: pointer;
}

.rt_arrowone {
    width: 16px;
    height: 20px;
    background: url(../images/details_ico6.png) no-repeat 0px 2px;
    margin-right: 12px;
    cursor: pointer;
}

.related_article h2 {
    margin-top: 0;
    margin-bottom: 16px;
}

.articlecont li a {
    font-size: 14px;
    color: #555;
    line-height: 28px;
}

.more_relatedcont h2 {
    margin: 11px 0 18px 0;
}

.more_continfo li {
    float: left;
    width: 230px;
    overflow: hidden;
    height: 378px;
    margin-bottom: 15px;
    position: relative;
    padding-right: 15px;
}

.more_continfo li:nth-child(3n) {
    padding-right: 0px !important;
}

.more_continfo li p {
    width: 230px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    position: absolute;
    bottom: 0;
}

.more_continfo li p a {
    color: #000000;
    ;
    font-size: 16px
}

.detailsmargin {
    margin: 0 15px;
}

.details_hotarticle {
    width: 212px;
    height: 280px;
    background: #f9f9f9;
    padding: 20px 22px 20px 16px;
}

.details_hotarticle li {
    line-height: 28px;
}

.details_hotarticle li em {
    margin-right: 20px;
}

.details_hotarticle li .hotcolor {
    font-size: 10px;
    color: #f63335;
}

.details_hotarticle li .garycolor {
    font-size: 10px;
    color: #999;
}

.details_hotarticle li a {
    font-size: 12px;
    color: #646464;
}

.rt_dtouchpic {
    margin: 30px 0;
}

.consult_contpic img {
    width: 273px;
    height: 104px;
}

.firstclassic_case img {
    width: 310px;
    height: 200px
}

.aboutduty p {
    padding: 0px;
}

.qualification p {
    padding: 0px;
}


/*拜年视频样式*/

.index_video {
    width: 100%;
    min-width: 1400px;
    height: 694px;
    position: relative;
}

.index_video_content {
    width: 640px;
    height: 480px;
    background: #01356e;
    box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    top: 50px;
    position: relative;
    z-index: 99;
}

.video_curtain {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 128px;
    background-image: url(../images/curtain.png);
    background-repeat: repeat-x;
    background-position: top center;
    z-index: 9;
}

.left_content_flag,
.right_content_flag {
    position: absolute;
    top: -28px;
    z-index: 1;
}

.left_content_flag {
    left: -277px;
}

.right_content_flag {
    right: -277px;
}

.left_flag,
.right_flag {
    position: absolute;
    top: 0;
    z-index: 98;
}

.left_flag {
    left: 0;
}

.right_flag {
    right: 0;
}

.lantern1,
.lantern2,
.lantern3,
.lantern4 {
    position: absolute;
}

.lantern1 {
    top: 1%;
    right: 12%;
    z-index: 999;
}

.lantern2 {
    top: -9%;
    right: 21%;
    transform: scale(0.5);
    z-index: 99;
}

.lantern3 {
    top: -9%;
    left: 21%;
    transform: scale(0.7);
    z-index: 99;
}

.lantern4 {
    top: 31%;
    left: 5%;
    transform: scale(0.4);
    z-index: 99;
}

.new_box {
    display: flex;
    justify-content: space-between;
    position: relative;
    transition: 0.2s;
}

.consult_time {
    line-height: 32px;
}

.new_box:before {
    content: "";
    border: 1px solid transparent;
    border-width: 5px 0 5px 10px;
    position: absolute;
    border-color: transparent transparent transparent #DA251D;
    top: 50%;
    transform: translateY(-50%);
    left: -16px;
}

.new_box:hover {
    transform: scale(1.05);
}